<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/common.css" />
		<link rel="stylesheet" type="text/css" href="/js/flatpickr.min.css" />
		<link rel="stylesheet" type="text/css" href="/bootstrap-3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/dialog/css/dialog.css" />
		<link rel="stylesheet" type="text/css" href="/css/font-awesome.css" />
	</head>

	<body>
		<!--顶部导航 -->
		<nav class="topNavItemBox">
			<div id="ItemBox">
				<div class="title">肉品溯源管理系统</div>
			</div>
		</nav>
		<!-- 左侧导航 -->
		<#include "left.ftl"/>

        <!--检疫查询 -->

		<div class="page_main">
			<h3>意见反馈</h3>
			<div class="page_content">
				<span>
					如果您有任何意见建议对我们说，都可以通过下面的方式发送信息给我们。我们将非常乐意与你畅快的交流！请留下您的联系方式，我们承诺对您的个人信息保密。
				</span>
				<hr style="margin-top: 0;" />
				<form id="suggestionForm" action="SuggestionAction_add" method="post">

					<span>标题</span>
					<br />
					<input type="text" name="title" class="commonInputtext" required style="width:300px" />
					<br />
					<br />
					<span>反馈内容</span>
					<br />
					<textarea name="advice" class="feedback_textarea" required rows="15"></textarea>
					<br /><br />
					<span>尊称&nbsp;</span><input type="text" required name="proposer" class="commonInputtext" /> &nbsp;&nbsp;&nbsp;&nbsp;
					<span>联系电话&nbsp;</span><input type="text" data-rule-isTel="true"  name="proposerPhone" class="commonInputtext" /> &nbsp;&nbsp;
					<input type="hidden" name="replyStatus" value="0"/>
					<input type="submit" id="" value="提交" />
				</form>
			</div>
			<div class="footer">
				<div class="footer_lineone">
					<span id="logo"></span>肉品溯源管理系统 
					<span class="footer_lineoneSpan"><a href="aboutus.html">关于我们</a></span>
					<span class="footer_lineoneSpan"><a target="_blank" href="http://www.cfsiw.com/">食品安全信息</a></span> 
					<span class="footer_lineoneSpan"><a href="suggestionAdd.ftl">联系我们</a></span>
				</div>
				<div class="footer_linetwo">
					 &copy;2017广东技术师范学院
				</div>
			</div>
		</div>
	</body>
	<script src="/js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/google-maps.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/jquery.form.js"></script>
	<script src="/js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/messages_zh.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/flatpickr.js"></script>
	<script src="/dialog/js/dialog.js" type="text/javascript" charset="utf-8"></script>
	<script>
		$(function() {
			//初始化侧边栏
			$(".vertical-nav").verticalnav({
				speed: 400,
				align: "left"
			});
			//表单提交
			$("#suggestionForm").ajaxForm({
					success:function(data) {
						var str = null;
						var msg = null;
						if(data.msg == 1){
							str = "success";
							msg = "反馈成功！我们将尽快回复您，三秒后为您跳转...";
						}
						$.dialog({
							type: 'info',
							contentHtml: '<img class="info-icon" src="dialog/images/icon/'+str+'.png" alt="'+msg+'" /><p class="info-text" style="font-size:10px;">'+msg+'</p>',
							autoClose: 3000
						});
						setTimeout(function(){
							window.location.href="/Traceability_system/index.html";//反馈成功后跳转回到首页
						}, 3000);
						
					}
			});
		});
	</script>

</html>